<template>
  <van-tabbar v-model="index">
    <van-tabbar-item icon="wap-home" to="/home">首页</van-tabbar-item>
    <van-tabbar-item icon="ellipsis" to="/list" >分类</van-tabbar-item>
    <van-tabbar-item icon="shopping-cart-o" to="/car">购物车</van-tabbar-item>
    <van-tabbar-item icon="contact" to="/personal">我的</van-tabbar-item>
  </van-tabbar>
</template>

<script>
    export default {
        name: "tabBar",
      data() {
        return {

        }
      },computed:{
          // 在computed中使用get和set时，必须同时使用，否则报错；set内可以不做任何处理
        index:{
          get(){
            return this.active;
          },
          set(){}
        }
      },
      props:['active'],
      created() {


      },methods:{

      }
    }
</script>

<style scoped>

</style>
